<?php
header('Content-type:text/html;charset=UTF8	');

?>
<!DOCTYPE html>
<html>
	<head>
      <title>登录</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <script src="bootstrap/js/jquery-1.11.1.min.js"></script>
      <script src="bootstrap/js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="bootstrap/js/html5shiv.js"></script>
         <script src="bootstrap/js/respond.min.js"></script>
      <![endif]-->
      <!--  <script src="db/header.js"></script>-->
      <script src='bootstrap/js/nextImg.js'></script>
      <style>
     	#loginInBtn{ margin-left:70%; width:70px; }			/*login*/
     	a{ display:inline-display; line-height:30px; }
     	.row{ margin-top:50px; }
      </style>
      <script>
		
      </script>
   	</head>
	<body>
   		<div class='container'>
   			<?php if(!empty($mes)){?>
	   			<div class='row'>
	   				<div class='col-xs-4 col-xs-offset-4'>
	   					<div class='alert alert-danger'>
	   						<?php @print($mes);?>
	   						<div class='close' data-dismiss='alert'>&times;</div>
	   					</div>
	   				</div>
	   			</div>
   			<?php }?>
   			<div class='row'>
   				<div class='col-xs-4 col-xs-offset-4'>
   					<div class='panel panel-primary'>
   						<div class='panel-heading'>
   							<div class='panel-title'>
   								<span class='glyphicon glyphicon-fire'> XX超市登录</span>
   							</div>
   						</div>
   						<form class='form-horizontal' action='loginIn.php' method='post'>
	   						<div class='panel-body'>
	   							<div class='form-group <?php echo @$mes=="帐号错误"?'has-error':'';?>'>
	   								<label class='col-xs-3 control-label' for='login'>登录名</label>
	   								<div class='col-xs-9'>
	   									<div class='input-group'>
	   										<div class='input-group-addon'>
		   										<span class='glyphicon glyphicon-user'></span>
	   										</div>
		   									<input class='form-control' name='login' id='login' placeholder='登录名' required='required' />
	   									</div>
	   								</div>
	   							</div>
	   							<div class='form-group <?php echo @$mes=="密码错误"?'has-error':'';?>'>
	   								<label class='col-xs-3 control-label' for='password'>密码</label>
	   								<div class='col-xs-9'>
	   									<div class='input-group'>
	   										<div class='input-group-addon'>
		   										<span class='glyphicon glyphicon-lock'></span>
	   										</div>
		   									<input class='form-control' name='password' id='password' placeholder='密码' required='required' />
	   									</div>
	   								</div>
	   							</div>
	   							<div class='form-group'>
	   								<div class='col-xs-4 col-xs-offset-3'>
		   								<img src='img.php' class='codeImg' />
	   								</div>
	   								<a href='#' class='nextCode'>看不清，换一张</a>
	   							</div>
	   							<div class='form-group <?php echo @$mes=="验证码错误"?'has-error':'';?>'>
	   								<label class='col-xs-3 control-label' for='code'>验证码</label>
	   								<div class='col-xs-9'>
	   									<div class='input-group'>
	   										<div class='input-group-addon'>
		   										<span class='glyphicon glyphicon-retweet'></span>
	   										</div>
		   									<input class='form-control' name='code' id='code' placeholder='验证码' required='required' />
	   									</div>
	   								</div>
	   							</div>
	   						</div>
	   						<div class='panel-footer'>
	   							<button class='btn btn-primary' type='submit' id='loginInBtn'>登录</button>
	   						</div>
   						</form>
   					</div>
   				</div>
   			</div>
   		</div>
   	</body>
</html>